<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>公共部分</title>
	<link rel="stylesheet" type="text/css" href="../css/common.css"/>
	<script src="../js/jquery-1.11.3.js"></script>
</head>
<body>
	<div id="up">
		<div class="header">
			<img src="../img/header.jpg"/>
		</div>
		<div class="adverwindow">
			<img class="advertisement" src="../img/advertisement.jpg" title="" alt=""/>
			<img class="close" src="../img/close.jpg" title="" alt=""/>
		</div>
		<div class="com_action">
			<dl class="go_home">
				<dt></dt>
				<dd><a href="#">第五大道首页</a></dd>
			</dl>
			<dl class="_phone">
				<dt></dt>
				<dd>贵宾专线：400-660-5610</dd>
			</dl>
			<dl class="login">
				<dt></dt>
				<dd><a href="#">登录</a></dd>
			</dl>
			<dl class="register">
				<dt><img src="../img/gift.gif"/ title="礼品" alt="礼品"/></dt>
				<dd><a href="#">注册</a></dd>
			</dl>
			<dl class="_my5lux">
				<dt><img class="arrow1" src="../img/arrow_1.jpg"><img class="arrow2" src="../img/arrow_2.jpg"></dt>
				<dd><a href="#">我的第五大道</a></dd>
			</dl>
			<ul class="com_ul">
				<li><a href="#">我的订单</a></li>
				<li><a href="#">我的收藏</a></li>
				<li><a href="#">已购商品</a></li>
				<li><a href="#">我的礼券</a></li>
				<li><a href="#">我的积分</a></li>
			</ul>
			<dl>
				<dt></dt>
				<dd><a href="#">帮助中心</a></dd>
			</dl>
			<dl class="_mobile">
				<dt><img src=""><img class="arrow1" src="../img/arrow_1.jpg"/><img class="arrow2" src="../img/arrow_2.jpg"/><img class="small_code1" src="../img/small_code1.jpg"/><img class="small_code2" src="../img/small_code2.jpg"/></dt>
				<dd><a href="#">手机版下载</a></dd>
			</dl>
			<img class="mobile_code" src="../img/big_code.jpg"/>
		</div>
		<div class="_sign" style="position:relative">
			<div class="logo">
				<h1><a href="#"><img src="../img/logo.jpg"/></a></h1>
			</div>
			<div class="_logo" style="position:absolute">
				<img src="../img/logo_1.jpg"/>
			</div>
			<div class="search" style="position:absolute">
				<input class="txt" type="text" placeholder="爱马仕铂金包"/>
				<input class="btn" type="button" value="搜索"/>
				<ul>
					<li><a href="#">腕表</a></li>
					<li><a href="#">箱包</a></li>
					<li><a href="#">阿尼玛</a></li>
					<li class="last"><a href="#">T恤</a></li>
				</ul>
			</div>
			<div class="shop_bag" style="position:absolute">
				<dl>
					<dt><img src="../img/shoppingbag.png"/>购物袋（<span>0</span>）<b>></b></dt>
					<dd></dd>
				</dl>
			</div>
		</div>
		<div class="nav">
			<ul class="left">
				<li class="first"><a href="#">商品分类</a></li>
				<li><a href="#">品牌</a></li>
				<li><a href="#">最新</a></li>
				<li><a href="#">女士</a></li>
				<li><a href="#">男士</a></li>
				<li><a href="#">生活馆</a></li>
				<li><a href="#">海外馆</a></li>
				<li><a href="#">时尚</a></li>
				<li><a href="#">特惠</a></li>
				<li><a href="#">礼品区</a></li>
				<li class="last"><a href="#"><img class="address1" src="../img/address1.jpg"/><img class="address2" src="../img/address2.jpg"/>到店</a></li>
			</ul>
			<ul class="right" style="position:absolute">
				<li><a href="#"><img src="../img/icon1.jpg"/><span>品牌授权，官方验真</span></a></li>
				<li><a href="#"><img src="../img/icon2.jpg"/><span>尊享品牌会员服务</span></a></li>
				<li><a href="#"><img src="../img/icon3.jpg"/><span>商务部诚信示范企业</span></a></li>
			</ul>
		</div>
		<div class="_nav1">
			<li><a href="#">推荐品牌</a></li>
			<li><a href="#">箱包</a></li>
			<li><a href="#">美妆</a></li>
			<li><a href="#">服装</a></li>
			<li><a href="#">腕表</a></li>
			<li><a href="#">配饰</a></li>
			<li><a href="#">鞋靴</a></li>
			<li><a href="#">母婴</a></li>
			<li><a href="#">美酒</a></li>
			<li><a href="#">美食</a></li>
			<li><a href="#">家居</a></li>
			<li><a href="#">电子</a></li>
			<li><a href="#">办公</a></li>
			<li><a href="#">礼品</a></li>
			<li><a href="#">海外馆</a></li>
		</div>
	</div>




	<div id="down" style="margin-top:500px">
		<div class="bottom" style="background:url(../img/footer_message_bg.jpg) no-repeat -320px 0">
			<div class="footer">
				<dl>
					<dt><img src="../img/footer_message01.jpg" title="" alt=""/></dt>
					<dd>
						<h6>正品保障</h6>
						<a href="#">品牌授权，官方验真</a>
					</dd>
				</dl>
				<dl>
					<dt><img src="../img/footer_message02.jpg" title="" alt=""/></dt>
					<dd>
						<h6>专柜发货</h6>
						<a href="#">专柜直接或到店铺自提</a>
					</dd>
				</dl>
				<dl>
					<dt><img src="../img/footer_message03.jpg" title="" alt=""/></dt>
					<dd>
						<h6>无忧售后</h6>
						<a href="#">7天无理由退换货</a>
					</dd>
				</dl>
				<dl>
					<dt><img src="../img/footer_message04.jpg" title="" alt=""/></dt>
					<dd>
						<h6>VIP服务</h6>
						<a href="#">享品牌会员售前服务</a>
					</dd>
				</dl>
				<dl>
					<dt><img src="../img/footer_message05.jpg" title="" alt=""/></dt>
					<dd>
						<h6>权威荣誉</h6>
						<a href="#">商务部授予诚信示范企业</a>
					</dd>
				</dl>
			</div>
			<div class="serve">
				<ul>
					<li>
						<span class="sp1">服务保障</span>
						<span><a href="#">品牌授权正品</a></span>
						<span><a href="#">品牌客服</a></span>
						<span><a href="#">预约到店体验</a></span>
						<span><a href="#">7天无理由退换</a></span>
					</li>
					<li>
						<span class="sp1">使用帮助</span>
						<span><a href="#">常见问题</a></span>
						<span><a href="#">会员制度</a></span>
						<span><a href="#">集团采购</a></span>
						<span><a href="#">礼品卡</a></span>
					</li>
					<li>
						<span class="sp1">支付方式</span>
						<span><a href="#">到店付款</a></span>
						<span><a href="#">货到付款</a></span>
						<span><a href="#">在线支付</a></span>
						<span><a href="#">余额支付</a></span>
						<span><a href="#">分期付款</a></span>
					</li>
					<li>
						<span class="sp1">配送方式</span>
						<span><a href="#">配送说明</a></span>
						<span><a href="#">到店自提</a></span>
						<span><a href="#">运费说明</a></span>
						<span><a href="#">验货签收</a></span>
					</li>
					<li>
						<span class="sp1">售后服务</span>
						<span><a href="#">品牌售后</a></span>
						<span><a href="#">售后咨询</a></span>
						<span><a href="#">退款政策</a></span>
						<span><a href="#">发票保障</a></span>
					</li>
					<li>
						<span class="sp1">第五大道APP</span>
						<span><img src="../img/footer_message06.jpg"/></span>
					</li>
					<li>
						<span class="sp1">第五大道APP</span>
						<span><img src="../img/footer_message07.jpg"/></span>
					</li>
				</ul>
			</div>
			<div class="rump1" style="height:180px;">
				<div class="_goods">
					<a href="#">箱包</a>
					<a href="#">美妆</a>
					<a href="#">服饰</a>
					<a href="#">腕表</a>
					<a href="#">配饰</a>
					<a href="#">鞋靴</a>
					<a href="#">特惠</a>
					<a href="#">名牌闪购</a>
					<a style="border:0" href="#">礼品区</a>
				</div>
				<div class="_contact">
					<a href="#">关于第五大道</a>
					<a href="#">网站地图</a>
					<a href="#">品牌合作专区</a>
					<a href="#">媒体聚焦</a>
					<a href="#">商务合作</a>
					<a href="#">商家合作</a>
					<a href="#">加入第五大道</a>
					<a href="#">友情链接</a>
					<a href="#">奢尚志</a>
					<a href="#">联系我们</a>
					<a style="border:0" href="#">投诉建议</a>
					<p>
						Copyright©2008-2014瑞美嘉信国际信息技术（北京）有限公司版权所有京ICP备09012701号-1京公网安备110105007400号食品经营许可证号：
	                </p>
				</div>
				<div class="footer_pic">
					<img src="../img/footer_message08.jpg"/>
					<img src="../img/footer_message09.jpg"/>
					<img src="../img/footer_message10.jpg"/>
					<img src="../img/footer_message11.jpg"/>
				</div>
			</div>
			<div class="footer_bottom">
					<img src="../img/pic.gif"/>
			</div>
		</div>
		<div class="download_App">
			<img class="bottom_1" src="../img/bottom.png"/>
			<img class="bottom_2" src="../img/bottom1.png"/>
			<span class="close"></span>
		</div>
	</div>
	<div class="_myhandle">
		<ul>
			<a href="#"><li class="_bag"><span class="_bag1"></span></li></a>
			<a href="#"><li class="_mycapital"><span class="_mycapital1"></span></li></a>
			<a href="#"><li class="_favorite"><span class="_favorite1"></span></li></a>
			<a href="#"><li class="_contact"><span class="_contact1"></span></li></a>
		</ul>
	</div>
	<div class="_feedback">
		<ul>
			<a href="#"><li class="_weixin01"><span class="_weixin02"></span></li></a>
			<a href="#"><li class="_pen01"><span class="_pen02"></span></li></a>
			<a href="#"><li class="_phonenum01"><span class="_phonenum02"></span></li></a>
			<a href="#"><li class="_backtop01"><span class="_backtop02"></span></li></a>
		</ul>
	</div>
</body>
	<script>
		$(".header").click(function(){
			$(".adverwindow").show();
		})
		$(".close").click(function(){
			$(".adverwindow").hide();
		})
		$("._my5lux").mouseover(function(){
			$("._my5lux img").eq(0).hide().siblings().show();
			$(".com_ul").show();
		})
		$("._my5lux").on("mouseout",function(){
			$("._my5lux img").eq(1).hide().siblings().show();
			$(".com_ul").hide();
		})
		$(".com_ul").mouseover(function(){
			$(this).show();
		})
		$(".com_ul").mouseout(function(){
			$(this).hide();
		})
		$("._mobile").mouseover(function(){
			$("._mobile .arrow1").hide();
			$("._mobile .arrow2").show();
			$("._mobile .small_code1").hide();
			$("._mobile .small_code2").show();
			$(".mobile_code").show();
		})
		$("._mobile").mouseout(function(){
			$("._mobile .arrow1").show();
			$("._mobile .arrow2").hide();
			$("._mobile .small_code1").show();
			$("._mobile .small_code2").hide();
			$(".mobile_code").hide();
		})
		$(".mobile_code").mouseover(function(){
			$(".mobile_code").show();
		})
		$(".mobile_code").mouseout(function(){
			$(".mobile_code").hide();
		})
		$(".nav .last").mouseover(function(){
			$(".address1").hide().next().show();
		})
		$(".nav .last").mouseout(function(){
			$(".address2").hide().prev().show();
		})
		$(".nav .left li").slice(1,10).click(function(){
			$(this).css({"background":"red"}).siblings().css({"background":"#191919"}
				);
			$(this).css({"width":"120px"}).siblings().slice(1,9).css({"width":"80px"});
		})
		$(".nav .left .first").mouseover(function(){
			$(this).css("background","red");
			$(this).stop(true).animate({"width":"120px"},100)
		})
		$(".nav .left .first").mouseout(function(){
			$(this).css("background","#191919");
			$(this).stop(true).animate({"width":"100px"},100)
		})
		$(".right li").mouseover(function(){
			$(this).stop(true).animate({"width":"160px"},300);
		})
		$(".right li").mouseout(function(){
			$(this).stop(true).animate({"width":"30px"},300);
		})
		
		$(".download_App span").click(function(){
			$(".download_App").css("display","none");
		})
	</script>
</html>